<template>
    <div>
      <h1>Parent Component</h1>
      <!-- 父组件的 input，绑定到 parentMessage -->
      <input v-model="parentMessage" placeholder="Enter Parent Message"/>
  
      <!-- 引入子组件，同时用 v-model 进行双向绑定 -->
      <Child v-model:childMessage="parentMessage" />
    </div>
  </template>
  
  <script>
  import Child from "./child.vue";
  
  export default {
    components: { Child },
    data() {
      return {
        parentMessage: "", // 父组件中的输入值
      };
    },
  };
  </script>
  
  <style scoped>
  h1 {
    margin-bottom: 1em;
  }
  </style>
  